<#include "include/macro-head.ftl">
<#include "include/macro-script.ftl">
<!doctype html>
<html lang="en">
<head>
<@head></@head>
    <title>haha-设置</title>
</head>
<body>
<#include "include/main-nav.ftl">
<div class="container">
    <div class="row">
        <div class="col-md-8">
            <div class="personal-content">
                <div class="personal-list-title">
                    设置-头像
                </div>
                <div class="personal-form">
                    <img class="member-avatar" id="avatar-img" src="${user.img}">
                    <div class="member-avatar-instruction">
                        <span>大小限定2M以内</span><br/>
                        <span>支持图片格式</span>
                    </div>
                    <br/>
                    <label class="btn btn-green btn-upload">上传<input type="file" placeholder="上传头像"
                                                                     id="upload-avatar-img" class="upload-area"></label><br/>
                    <input type="hidden" id="modify-avatar-img" value="${user.img}">
                    <div class="alert alert-success modify-tip"></div>
                    <button class="btn btn-gary upload-avatar-btn">保存</button>
                </div>
            </div>
        </div>
    <#include "include/personal-set-list-nav.ftl">
    </div>
</div>
<#include "include/main-footer.ftl">
</body>
<@script></@script>
</html>